<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>商品详情页</title>
    <link href="/css/init.css" rel="stylesheet" type="text/css">
    <link href="/css/commodity_info.css" rel="stylesheet" type="text/css">
    <link href="/css/Navigation_bar.css" rel="stylesheet" type="text/css">
    <link rel='stylesheet' href='/css/nprogress.css'/>
</head>

<body>
    <div th:insert="~{Navigation_bar :: top_nav}"></div>
	<div class="kb"></div>
	<div class="main">
        <!--左边的大盒子-->
    	<div class="left">

            <div class="erceng">
                <div class="img1">
                    <img th:src="${info.imagesList[0].url}" src="/img/erji1.jpg" class="img1_img">
                    <div class="mask"></div>
                </div>
                <ul id="fenye_1">
                    <!--/*/ <th:block th:each="image : ${info.imagesList}"> /*/-->
                    <li ><a href="javascript:;" th:attr="img = ${image?.bigUrl}"><img th:src="${image?.url}" src="/img/erji2.jpg"></a></li>
                    <!--/*/ </th:block> /*/-->
                </ul>
            </div>
            <!--大层-->
            <div class="bigImg">
                <div class="bigitem">
                    <img src=""/>
                </div>
            </div>
    </div>
     <!--右边的大盒子   -->
    <div class="right">
        <div class="R_title">
            <h3 class="R_h3" th:text="${info?.title}">论坛推荐hifi发烧老耳塞人声平头好声音耳机PK1 PK2 SR20 SWD2</h3>
        </div>
        <div class="R_menu">
            <div class="R_report">
                <p class="R_txt ban_select">举报</p>
            </div>
        </div>
        <div class="R_meta">
            <div class="R_r1">
                <span class="jiage">价格</span>
                <span class="money1">￥[[${info.price}]]</span>
                <div class="jiaoyi">
                  <div class="jiaoyi1">[[${info.salesVolume}]]</div>
                    <div class="jiaoyi2">交易成功</div>
                </div>
                <!--<div class="pinglun">
                    <div class="pinglun1">154224</div>
                    <div class="pinglun2">累计评论</div>
                </div>-->
            </div>

            <div class="R_r2">
                <span class="youhui">优惠</span>
                <div class="youhuiquan">
                    <div class="taojinbi">积分可抵<strong>0.00</strong>元</div>
                    <div class="kuadian"><img src="/img/yhq2.png" class="yhq1">12/12-12/12每满200减20,上不封顶 </div>
                </div>
            </div>

        </div>
        <div class="R_midden">
            <div class="R_midden_left">配送</div>
            <div class="R_midden_right">
                <div class="R_midden_right_1">
                    <span class="R_midden_star">江苏徐州</span>
                    至
                    <span class="R_midden_stop ban_select">浙江省江干区<s class="R_midden_stop_img"></s></span>
                </div>
                <div class="R_midden_right_2 ban_select">
                    快递 ¥5.00<s class="R_midden_stop_img"></s>
                </div>
                <div class="R_midden_right_3">
                    20小时内发货
                </div>
            </div>
        </div>
        <div class="R_center">
            <div class="R_yansefenlei">
                <div class="R_fenlei">颜色分类</div>
                <div class="R_yinse ban_select">银色</div>
            </div>
            <div class="R_taocanleixing">
              <div class="R_leixing">套餐类型</div>
              <div class="R_taocan ban_select">套餐一</div>
            </div>
            <div class="R_num">
                <div class="R_shuliang">数量</div>
                <div class="R_liangshu">
                    <a class="R_liangshu_jian ban_select ii">&#xea0b;</a>
                    <input class="R_liangshu_text" value="1" maxlength="8" title="请输入购买量" type="text">
                    <a class="R_liangshu_jia ban_select ii">&#xea0a;</a>
                </div>
            </div>
            <div class="R_buy">
                <div class="R_buying">
                    <a th:href="@{/pay/payOne/{id}(id=${info?.cid})}" href="javascript:;" class="R_goumai">立即购买</a>
                </div>
                <div class="R_add">
                    <a th:href="@{/car/addCar/{id}(id=${info?.cid})}" href="javascript:;" class="R_jiaru">加入购物车</a>
                </div>
            </div>
        </div>
        <div class="R_zhifu">
            <div class="R_zhifu_txt">支付</div>
            <a href="javascript:;" class="R_zhifu_img"></a>
        </div>
    </div>
    </div>
    <script src="/js/jquery-1.12.4.js"></script>
    <script src="/popBox/layer.js"></script>

    <script src="/js/mag.js"></script>
    <script src="/js/commodity_info.js"></script>

</body>
</html>